<template>
    <div>
    <div class="app">
    <div class="header">        
      <div class="heade"><van-icon name="arrow-left" /></div>
      <div class="head">城市名</div>
      <div class="hear"></div>
    </div>
    <div class="search-wrapper">
        <input type= "text" placeholder="请输入城市名" value >

    </div>
    <div class="result-list">
            <ul>
                <li class="item">安 庆</li>
                <li class="item">保定</li>
                <li class="item">北海 </li>
                <li class="item">包头</li>
                <li class="item">长春</li>
                <li class="item">常 德</li>
                <li class="item">长沙</li>
                <li class="item">常 州</li>
                <li class="item">重 庆</li>
                <li class="item">赤峰</li>
                <li class="item">大连 </li>
                <li class="item" >达州</li>
                <li class="item">东莞</li>
                <li class="item">大理 </li>
                <li class="item">佛 山</li>
                <li class="item">福 州</li>
                <li class="item">防城港</li>
                <li class="item" >赣州</li>
                <li class="item">广 州</li>
                <li class="item">桂 林</li>
                <li class="item">贵 阳</li>
                <li class="item" >哈尔滨</li>
                <li class="item">杭州</li>
                <li class="item">淮安</li>
                <li class="item" >黄石</li>
                <li class="item" >呼和浩特</li>
                <li class="item">惠 州</li>
                <li class="item">湖 州</li>
                <li class="item">江门</li>
                <li class="item">嘉兴</li>
                <li class="item">济南 </li>
                <li class="item">金华</li>
                <li class="item">九江 </li>
                <li class="item">开封</li>
                <li class="item">昆明</li>
                <li class="item">廊 坊</li>
                <li class="item">兰 州</li>
                <li class="item">临沂</li>
                <li class="item">柳州</li>
                <li class="item">洛 阳</li>
                <li class="item">绵 阳</li>
                <li class="item">南 昌</li>
                <li class="item">南充</li>
                <li class="item">南 京</li>
                <li class="item">南宁</li>
                <li class="item">南 通</li>
                <li class="item">宁 波</li>
                <li class="item">青 岛</li>
                <li class="item" >泉州</li>
                <li class="item">清 远</li>
                <li class="item">. 上海</li>
                <li class="item">. 上饶</li>
                <li class="item" >绍兴</li>
                <li class="item">沈 阳</li>
                <li class="item">石家庄</li>
                <li class="item" >苏州</li>
                <li class="item">三 亚</li>
                <li class="item">太原</li>
                <li class="item">唐山</li>
                <li class="item">天津</li>
                <li class="item">台州</li>
                <li class="item">测试城市</li>
                <li class="item">潍坊 </li>
                <li class="item"> 威海</li>
                <li class="item">温州</li>
                <li class="item">武汉 </li>
                <li class="item">芜湖 </li>
                <li class="item">无锡 </li>
                <li class="item">乌 鲁木齐</li>
                <li class="item">厦门</li>
                <li class="item">襄 阳</li>
                <li class="item">新乡</li>
                <li class="item">许 昌</li>
                <li class="item">徐 州</li>
                <li class="item">盐 城</li>
                <li class="item">烟 台</li>
                <li class="item">宜昌</li>
                <li class="item">银川</li>
                <li class="item">漳 州</li>
                <li class="item">湛江 </li>
                <li class="item"> 郑州</li>
                <li class="item">中山</li>
                <li class="item">珠海 </li>
                <li class="item">株洲</li>
                <li class="item">淄 博</li>
                <li class="item">张家口</li>
                <li class="item">镇江 </li>

        </ul>

    </div>





    </div>
</div>
</template>
<script>
import Vue from 'vue';
import { Icon } from 'vant';
Vue.use(Icon);
export default {
   
}
</script>

<style lang='stylus' scoped>

.header
  position fixed
  background-color width 
  background-color #ffffff
  font-size .2rem
  font-weight bolder
  display flex
  padding .17rem .17rem
  color: #000
  height .6rem
  top 0
  width 100%
  
  
.head
  width 100%
  margin-left .3rem


.search-wrapper
    background-color #f5f5f9
    height .6rem
    display: flex;
    align-items: center;
    margin-top .6rem
    
    padding: 3vw 2.667vw;
input 
    width 100%
    height 100%
    border solid 0px
    padding-left .2rem

.item
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    line-height: 12vw;
    
.result-list
    padding 0 .2rem
    font-size .16rem




</style>